<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title></title>
    <link rel="stylesheet" type="text/css" href="/shop/css/base.css"/>
    <link rel="stylesheet" type="text/css" href="/shop/css/index.css"/>
    <link rel="stylesheet" type="text/css" href="/shop/css/mui.min.css"/>
    <link rel="stylesheet" type="text/css" href="/shop/css/loaders.min.css"/>
    <link rel="stylesheet" type="text/css" href="/shop/css/loading.css"/>
    <link rel="stylesheet" href="/shop/css/swiper.min.css">
    <script src="/shop/js/rem.js"></script>
    <script src="/shop/js/jquery.min.js" type="text/javascript"></script>
    <script src="/shop/js/others.js"></script>
    <script src="/shop/js/swiper.jquery.min.js"></script>
    <script src="/js/plugins/jrender/jrender.js"></script>


    <script type="text/javascript">
        $(window).load(function () {
            var pages;
            var currentPage;

            $(".loading").addClass("loader-chanage")
            $(".loading").fadeOut(200)

            // 页面加载完毕发送异步请求获取积分商城分类信息
            $.get("/productCatalogs/products", {currentPage: 1, pageSize: 4}, function (data) {
                pages = data.pages;
                $(".mui-content").renderValues({list:data.list}, {
                    handle:function (ele, value) {
                        ele.href = "/mine/detail.html?id=" + value;
                    }
                });
            });
        })
    </script>
</head>

<body>
<!--<div class="nav-search">-->
    <!--<a href="/mine/profiles.html">-->
        <!--<header class="mui-bar mui-bar-nav fa fa-angle-left fa-2x" id="header">-->
            <!--<h4>骡窝窝商城</h4>-->
        <!--</header>-->
    <!--</a>-->
<!--</div>-->
<header class="mui-bar mui-bar-nav" id="header">
    <a class="btn" href="/mine/profiles.html">
        <i class="iconfont icon-fanhui"></i>
    </a>
    <h4>骡窝窝商城</h4>
    <a class="btn" href="#">
        <i class="iconfont icon-erweima"></i>
    </a>
</header>

<hr/>
<div id="main" class="clearfloat warp">
    <div class="mui-content">
        <!--banner开始-->
        <div class="banner swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><a href="javascript:void(0)"><img class="swiper-lazy" data
                                                                            src="/shop/images/banner4.jpg" alt=""></a>
                </div>
                <div class="swiper-slide"><a href="javascript:void(0)"><img class="swiper-lazy" data
                                                                            src="/shop/images/banner1.jpg" alt=""></a>
                </div>
                <div class="swiper-slide"><a href="javascript:void(0)"><img class="swiper-lazy" data
                                                                            src="/shop/images/banner3.jpg" alt=""></a>
                </div>
            </div>
        </div>
        <!--第一栏分类结束-->
        <!--1F家居用品、电器-->
        <div class="big" render-loop="list">
            <div class="theme clearfloat">
                <div class="boutit clearfloat">
                    <span></span>
                    <samp render-html="list.name"></samp>
                </div>
                <div class="content clearfloat" render-loop="list.list">
                    <div class="list clearfloat fl">
                        <a href="detail.html" render-key="list.list.id" render-fun="handle">
                            <div class="tu clearfloat fr">
                                <span></span>
                                <img src="" render-src="list.list.coverUrl"/>
                            </div>
                            <div class="shang clearfloat fl box-s">
                                <p class="tit over" render-html="list.list.productName"></p>
                                <p><span>积分:</span><span class="over db red" render-html="list.list.points"></span></p>
                                <p><span>兑换量:</span><span class="over db red" render-html="list.list.conversionNum"></span></p>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--footer star-->
<footer class="page-footer fixed-footer" id="footer">
    <ul>
        <li class="active">
            <a href="index.html">
                <i class="iconfont icon-shouye"></i>
                <p>首页</p>
            </a>
        </li>
        <li>
            <a href="cation.html">
                <i class="iconfont icon-icon04"></i>
                <p>分类</p>
            </a>
        </li>
        <li>
            <a href="shopcar.html">
                <i class="iconfont icon-gouwuche"></i>
                <p>购物车</p>
            </a>
        </li>
        <li>
            <a href="center.html">
                <i class="iconfont icon-yonghuming"></i>
                <p>我的</p>
            </a>
        </li>
    </ul>
</footer>
<!--footer end-->
</body>

</html>